<template>
  <div>
    <mt-tab-container v-model="selected">
      <mt-tab-container-item id="tab-container1">
        <headnav></headnav>
      </mt-tab-container-item>
      <mt-tab-container-item id="tab-container2">
        2
      </mt-tab-container-item>
      <mt-tab-container-item id="tab-container3">
        3
      </mt-tab-container-item>
      <mt-tab-container-item id="tab-container4">
        4
      </mt-tab-container-item>
    </mt-tab-container>
    <mt-tabbar v-model="selected">
      <mt-tab-item id="tab-container1">
        <img slot="icon" src="../assets/logo.png"> 外卖
      </mt-tab-item>
      <mt-tab-item id="tab-container2">
        <img slot="icon" src="../assets/logo.png"> 订单
      </mt-tab-item>
      <mt-tab-item id="tab-container3">
        <img slot="icon" src="../assets/logo.png"> 发现
      </mt-tab-item>
      <mt-tab-item id="tab-container4">
        <img slot="icon" src="../assets/logo.png"> 我的
      </mt-tab-item>
    </mt-tabbar>
  </div>
</template>

<script type="text/ecmascript-6">
  import cnima from '@/components/head_nav'
  // import axios from "axios";

  import shopList from '../assets/shopList.json'

  export default {
    data() {
      return {
        shoplist: shopList,
        selected: ''
      }
    },


    components: {
      headnav: cnima
    }
  };
</script>

<style scoped>

</style>
